<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Profile of Promotor</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>

        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />

        <!--
        This CSS template is released under Creative Commons Share Alike license. You are free to use it for personal purposes only. You shall not resell this template or remove the link back to ramblingsoul.com from the pages.
        
        Designed by - Roshan M. Ravi
        URL - www.ramblingsoul.com
        email me for enquiries / help - c.pixels@gmail.com-->


    </head>

    <body>
        <div id="wrap">
            <div id="topbar">
                <ul>    
                    <li><a href="account?page=index">Home</a></li>
                    <li class="current"><a href="#">Profile</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="account?page=logout">Log Out</a></li>
                    <li><a href="#">Help &amp; Support</a></li>
                </ul>
            </div>
            <div id="header">
                <div id="sitename">
                    <h1 id="logo">O-nick</h1>
                </div>
                <div id="shoutout"><img src="images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
            </div>
            <div id="content">

                <div id="topcategorieslink" class="clear">
                    <h2>PROFILE</h2>
                    <ul>
                        <li><a href="account?page=profile">Back to Profile</a></li>
                    </ul>
                </div>
                <div class="clear">&nbsp;</div>

                <div id="main">
                    <h1>Halo  <td>${user.nama}</td></h1>
                    <div id="moredetails">
                        <div id="listing_details">
                            <h2>Daftar User</h2>
                            <table>
                                <tr>
                                    <td>Name</td>
                                    <td>Address</td>
                                    <td>Phone</td>
                                    <td>Email</td>
                                    <td>Username</td>
                                    <td>Delete</td>
                                </tr>
                                <c:forEach items="${users}" var="usr" >
                                    <tr>
                                        <td>${usr.nama}</td>
                                        <td>${usr.alamat}</td>
                                        <td>${usr.telepon}</td>
                                        <td>${usr.email}</td>
                                        <td>${usr.username}</td>
                                        <td><a href="account?page=list&&idUser=${usr.idUser}" onclick="return confirm('Are you sure?')">delete</a></td>
                                    </tr>
                                </c:forEach>
                            </table>
                            <br></br>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                        </div>
                        <div class="clear"></div>

                    </div>
                </div>
                <div id="sidebar">
                    <div class="block advert"></div>
                    <div class="menulist block">
                        <h2 class="sidebar_head">Event Categories  </h2>
                        <ul class="normalmenu">
                            <li><a href="#">Pro Agent Account</a></li>
                            <li><a href="#">Find Agents</a></li>
                            <li><a href="#">Banking &amp; Finance Help</a></li>
                            <li><a href="#">Help &amp; Support</a></li>
                            <li><a href="#">SMS Alerts</a></li>
                            <li><a href="#">Email Alerts</a></li>
                            <li><a href="#">Advertising in RealOne</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                        <div class="clear">&nbsp;</div>
                    </div>
                    <div class="block"></div>
                    <div class="block"></div>
                    <div class="block"></div>
                </div>

                <div class="clear">&nbsp;</div>
            </div>
            <div id="footer">
                <div id="upperfooter"> <a href="account?page=home">Home</a> | <a href="account?page=register">Register</a> | <a href="account?page=index">About Us</a> | <a href="account?page=register">Contact Us</a> |<a href="#"> Privacy Policy</a>  </div>
                <div id="lowerfooter"> <span class="backtotop"> <a href="#">Back To Top</a> </span><a href="http://ramblingsoul.com" title="Download High Quality CSS Templates">Free CSS Template</a> by RamblingSoul</div>
            </div>
        </div>
    </body>
</html>
